/* COLORES BACKGROUND Y TEXTO  */
.bgcolor1 {background-color: var(--color1) !important;}  
.bgcolor2 {background-color: var(--color2) !important;}
.bgcolor3 {background-color: var(--color3) !important;}
.bgcolor4 {background-color: var(--color4) !important;}
.bgcolor5 {background-color: var(--color5) !important;}
.bgcolor6 {background-color: var(--color6) !important;}
.bgcolor7 {background-color: var(--color7) !important;}
.bgcolor8 {background-color: var(--color8) !important;}
.bgcolor9 {background-color: var(--color9) !important;}

.textcolor1 {color: var(--color1) !important;}
.textcolor2 {color: var(--color2) !important;}
.textcolor3 {color: var(--color3) !important;}
.textcolor4 {color: var(--color4) !important;}
.textcolor5 {color: var(--color5) !important;}
.textcolor6 {color: var(--color6) !important;}
.textcolor7 {color: var(--color7) !important;}
.textcolor8 {color: var(--color8) !important;}
.textcolor9 {color: var(--color9) !important;}

.textaddcolor1 {color: var(--addcolor1) !important;}
.textaddcolor2 {color: var(--addcolor2) !important;}

  /* COMBINACIÓNES DE COLORES */
  .inverted1 {
    background-color: var(--color1) !important;
    /* color: var(--color9) !important; */
    color: #ffffff !important;
  }
  
  .inverted1:hover {
    background-color: var(--color3) !important;
    /* color: var(--color9) !important; */
    color: #ffffff !important;
  }
  
  .inverted2 {
    background-color: var(--color2) !important;
    /* color: var(--color7) !important; */
    color: #ffffff !important;
  }
  
  .inverted2:hover {
    background-color: var(--color5) !important;
    /* color: var(--color7) !important; */
    color: #ffffff !important;
  }
  
  .inverted3 {
    background-color: var(--color3) !important;
    /* color: var(--color7) !important; */
    color: #ffffff !important;
  }
  
  .inverted3:hover {
    background-color: var(--color6) !important;
    /* color: var(--color1) !important; */
    color: #000000 !important;
  }
  
  .inverted4 {
    background-color: var(--color7) !important;
    color: var(--color1) !important;
  }
  
  .inverted4:hover {
    background-color: var(--color1) !important;
    color: var(--color9) !important;
  }
  
  .inverted5 {
    background-color: var(--color1) !important;
    /* color: var(--color7) !important; */
    color: #ffffff !important;
  }
  
  .inverted5:hover {
    background-color: var(--color9) !important;
    color: var(--color1) !important;
  }

  .inverted7 {
    /* background-color: var(--color7) !important; */
    color: var(--color1) !important;
  }
  
  .inverted7:hover {
    background-color: var(--color7) !important;
    color: var(--color1) !important;
  }

/* FONT */
  .fw-500 {
    font-weight: 500 !important;
  }
  
  .fw-600 {
    font-weight: 600 !important;
  }
  
  .fw-700 {
    font-weight: 700 !important;
  }
  
  .fw-800 {
    font-weight: 800 !important;
  }

  .fw-900 {
    font-weight: 900 !important;
  }
  
  .fs-04 {
    font-size: 0.4em !important;
  }
  
  .fs-08 {
    font-size: 0.8em !important;
  }
  
  .fs-09 {
    font-size: 0.9em !important;
  }
  
  .fs-10 {
    font-size: 1em !important;
  }

  .fs-11 {
    font-size: 1.1em !important;
  }

  .fs-12 {
    font-size: 1.2em !important;
  }

  .fs-14 {
    font-size: 1.4em !important;
  }

  @media (max-width:600px) {
    .fs10-under600 {
      font-size: 1em !important;
    }
  }

@media (max-width:600px) {
    .fs09-under600 {
      font-size: 0.9em !important;
    }
  }

  @media (max-width:450px) {
    .fs08-under450 {
      font-size: 0.8em !important;
    }
  }

  /* TEXT */
  .justified {
    text-align: justify !important;
    text-justify: inter-word;
  }
  
  /* DISPLAY */
  @media (max-width:600px) {
    .dnone-under-600 {
      display: none;
    }
  }
  
  @media (min-width:601px) {
    .dnone-above-601 {
      display: none;
    }
  }
  
  @media (max-width:350px) {
    .dnone-under-350 {
      display: none !important;
    }
  }

  /* WIDTH */


  .cursorPointer {
    cursor: pointer;
  }